<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<div id="cabecera">
	<h1><span>${applicationScope.tituloApp}</span></h1>
	<div id="cab-contenedor-A1">
		<div id="cabContA1-panel-01">
			<div id="panelLogo">
				<a id="logo" href="${applicationScope.base}app" title="${applicationScope.tituloApp}"></a>
			</div>
		</div>
		
		<div id="cabContA1-panel-02">
			<div id="accordionCab">
				<h2 id="link_accCab01" class="link_accCab"></h2>
				<div class="content_accCab">
					<p>Mensaje</p>
				</div>

				<h2 id="link_accCab02" class="link_accCab"></h2>
				<div class="content_accCab">
					<div class="contenedorFormLogin">
						<form id="formLogin" class="formularioLogin" action="" method="post">
							<div class="grupoControlesLogin">
								<label id="lblUsuario" for="txtUsuario">Usuario:</label>
								<input id="txtUsuario" name="txtUsuario" type="text"  value="" class="campoTxt" alt="Nombre de Usuario" />
								<label id="lblClave" for="txtClave">Contraseña:</label>
								<input id="txtClave" name="txtClave" type="password" value="" class="campoTxt" alt="Contraseña" />
							</div>
							<div class="grupoBotonesLogin">
								<input id="btnIngresar" name="btnIngresar" type="submit" value="Ingresar" class="boton01" />
								<a id="olvidoClave" class="linkForm" href="." title="Si ha olvidado su clave ingrese en esta opción.">Olvido su clave?</a>
							</div>
						</form>
					</div>
				</div>

				<h2 id="link_accCab03" class="link_accCab"></h2>
				<div class="content_accCab">
					<p>Diferentes Opc. de Ayuda.</p>
				</div>
			</div>
		</div>
	</div>

	<div id="cab-contenedor-A2">
		<div id="cabContA2-panel-01">
			<div id="accRapidos">
				<div id="accRap-Inicio" class="accRap activo"><a href="."><span>Inicio <span>Panorama general de la aplicación.</span></span></a></div>
				<div class="separadorAccRap"></div>
				<div id="accRap-Evento" class="accRap inactivo"><a href="."><span>Eventos <span>Registro y gestión de eventos.</span></span></a></div>
				<div class="separadorAccRap"></div>
				<div id="accRap-Documentos" class="accRap inactivo"><a href="."><span>Documentos <span>Gestión controlada de documentos.</span></span></a></div>
			</div>
			<div id="tips">
				<div id="tip-Img" class="tip-Img"></div>
				<div id="tip-Txt" class="tip-Txt">
					<p class="tip-TxtTitulo">Accede rapidamete al Evento que estas Buscando...</p>
					<p class="tip-TxtContenido">The breath moves through your joints, muscles, bones and organs, as you stretch away your stress, tension, tightness, discomfort and pain.</p>
				</div>
			</div>
		</div>
	</div>
</div>